@charset "gb2312";
*{
	margin:0;
	padding:0;
	border:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	list-style:none;
}
body{
	background:#fff;
}
body,input,select,textarea{
	font-family:'微软雅黑',Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:150%;
}
input:placeholder{
	color:#ccc;
}
input:-moz-placeholder{
	color:#ccc;
}
input:-webkit-input-placeholder{
	color:#ccc;
}
input:-o-input-placeholder{
	color:#ccc;
}
input:-ms-input-placeholder{
	color:#ccc;
}
textarea:placeholder{
	color:#ccc;
}
textarea:-moz-placeholder{
	color:#ccc;
}
textarea:-webkit-input-placeholder{
	color:#ccc;
}
textarea:-o-input-placeholder{
	color:#ccc;
}
textarea:-ms-input-placeholder{
	color:#ccc;
}
textarea{
	resize:none;
	padding:10px;
	line-height:20px;
	border:1px solid #ccc;
	border-radius:5px;
	display:inline-block;
	color:#999;
	overflow:auto;
}
a{
	color:#4b4b4b;
	text-decoration:none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
	cursor:pointer;
}
a:hover{
	color:#666;
	text-decoration:underline;
}
img{
	_display:block;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	color:4b4b4b;
}
h1{
	line-height:40px;
	font-size:30px;
}
h2{
	font-size:30px;
	line-height:30px;
}
h3{
	font-size:25px;
	line-height:30px;
}
h4{
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
mark{
	background:none;
	color:#F19317;
}
mark a{
	color: #09F;
	text-decoration:underline;
}
mark a:hover{
	color: #06C;
	text-decoration:underline;
}
small{
	font-size:11px;
}
/*common*/
/*header*/
header{
	background:#4b4b4b;
	height:100px;
	overflow:hidden;
}
footer{
	padding:50px 0;
	width:1000px;
	margin:0 auto;
	text-align:center;
}
footer a{
	margin:0 10px;
	display:inline;
}
footer .details{
	padding:10px;
}
/*nav*/
nav{
	float:left;
	margin-left:30px;
	width:650px;
	display:inline;
	height:100px;
}

nav li{
	width:100px;
	height:100px;
	float:left;
	text-align:center;
	margin-left:20px;
	margin-right:10px;
	display:inline;
	overflow:hidden;
}
nav li a{
	font-size:14px;
	color:#ccc;
	display:inline-block;
	background:url(images/bg.png) no-repeat;
	width:100px;
	height:100px;
}
nav span{
	margin-top:55px;
	height:45px;
	width:100px;
	display:inline-block;
	cursor:pointer;
}
nav li a:hover{
	color:#fff;
	text-decoration:none;
}
nav .current span{
	background:url(images/bg.png) no-repeat -700px -55px;
}
.userCenter nav .current span{
	background:url(images/bg.png) no-repeat -700px -155px;
}
a.nav_a1{
	background-position:0 0;
}
a.nav_a1:hover,a.nav_a1_current{
	background-position:0 -100px;
	color:#fff;
}
a.nav_a2{
	background-position:-100px 0;
}
a.nav_a2:hover,a.nav_a2_current{
	background-position:-100px -100px;
	color:#fff;
}
a.nav_a3{
	background-position:-200px 0;
}
a.nav_a3:hover,a.nav_a3_current{
	background-position:-200px -100px;
	color:#fff;
}
a.nav_a4{
	background-position:-300px 0;
}
a.nav_a4:hover,a.nav_a4_current{
	background-position:-300px -100px;
	color:#fff;
}
a.nav_a5{
	background-position:-400px 0;
}
a.nav_a5:hover,a.nav_a5_current{
	background-position:-400px -100px;
	color:#fff;
}
a.nav_a6{
	background-position:-500px 0;
}
a.nav_a6:hover,a.nav_a6_current{
	background-position:-500px -100px;
	color:#fff;
}
a.nav_a7{
	background-position:-600px 0;
}
a.nav_a7:hover,a.nav_a7_current{
	background-position:-600px -100px;
	color:#fff;
}

#logo{
	width:241px;
	height:100px;
	float:left;
	
}
.w1000{
	width:1000px;
	margin:0 auto;
}
.f99{
	color:#999;
}
.fcc{
	color:#ccc;
}
.f19{
	color:#F19317;
}
a.f19{
	color:#F19317;
}
a.f19:hover{
	text-decoration:underline;
}
.bgNone{
	background:none;
}

.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.pb30{
	padding-bottom:30px;
}
.pt30{
	padding-top:30px;
}
.hiddenOverflow{
	overflow:hidden;
}
a.bigBtn{
	display:inline-block;
	border:1px solid #1684C5;
	border-radius:5px;
	text-decoration:none;
	color:#fff;
	padding-right:20px;
	cursor:pointer;
	background-image: linear-gradient(top, rgb(54,168,233), rgb(18,127,211));
	background-image: -o-linear-gradient(top, rgb(54,168,233) 50%, rgb(18,127,211));
	background-image: -moz-linear-gradient(top, rgb(54,168,233), rgb(18,127,211));
	background-image: -webkit-linear-gradient(top, rgb(54,168,233), rgb(18,127,211));
	background-image: -ms-linear-gradient(top, rgb(54,168,233), rgb(18,127,211));
}
a.bigBtn:hover{
	color:#fff;
	text-decoration:none;
	background-image: linear-gradient(top, rgb(18,127,211),rgb(54,168,233));
	background-image: -o-linear-gradient(top, rgb(18,127,211),rgb(54,168,233));
	background-image: -moz-linear-gradient(top, rgb(18,127,211),rgb(54,168,233));
	background-image: -webkit-linear-gradient(top, rgb(18,127,211),rgb(54,168,233));
	background-image: -ms-linear-gradient(top, rgb(18,127,211),rgb(54,168,233));
}
a.bigBtn span{
	display:inline-block;
	padding:20px;
	font-size:20px;
	line-height:23px;
	height:23px;
}
a.classBtn{
	display:inline-block;
	border:1px solid #ccc;
	border-radius:5px;
	text-decoration:none;
	color:#4b4b4b;
	cursor:pointer;
	padding:10px;
	height:20px;
	font-size:16px;
	text-align:center;
	background-image: linear-gradient(top,#f7f7f7,#F2F2F2);
	background-image: -o-linear-gradient(top,#f7f7f7,#F2F2F2);
	background-image: -moz-linear-gradient(top,#f7f7f7,#F2F2F2);
	background-image: -webkit-linear-gradient(top,#f7f7f7,#F2F2F2);
	background-image: -ms-linear-gradient(top,#f7f7f7,#F2F2F2);
}
a.classBtn:hover{
	color:#4b4b4b;
	text-decoration:none;
	background-image: linear-gradient(top,#F2F2F2,#f7f7f7);
	background-image: -o-linear-gradient(top,#F2F2F2,#f7f7f7);
	background-image: -moz-linear-gradient(top,#F2F2F2,#f7f7f7);
	background-image: -webkit-linear-gradient(top,#F2F2F2,#f7f7f7);
	background-image: -ms-linear-gradient(top,#F2F2F2,#f7f7f7);
}
a.bgcBtn{
	background:#ccc;
	border-radius:5px;
	line-height:25px;
	font-size:14px;
	text-decoration:none;
	display:inline-block;
	padding:0 10px;
	color:#666;
}
a.bgcBtn:hover{
	background:#999;
	color:#fff;
	text-decoration:none;
}
.textInput{
	padding:10px;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	border-radius:5px;
	display:inline-block;
	color:#999;
}
.iphone4s{
	height:530px;
	width:252px;
	background:url(images/topIphone.png) no-repeat;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-126px;
	z-index:10002;
}
.topIphone4s img{
	width:100%;
	height:100%;
}
.contactForm{
	overflow:hidden;
	width:430px;
	height:260px;
}

.contactForm li{
	padding-bottom:15px;
}
.contactForm input{
	width:180px;
}
.contactForm textarea{
	width:397px;
	height:100px;
}
.contactForm .input1 span{
	float:left;
	margin-right:15px;
	display:inline-block;
}
.contactForm .classBtn{
	width:397px;
	margin-top:10px;
}
.contactSuccess{
	text-align:center;
	padding:50px 0;
}
/*index*/
#topMain{
	min-height:600px;
	/*background-image: linear-gradient(top, rgb(236,236,236) 23%, rgb(255,255,255) 62%);
	background-image: -o-linear-gradient(top, rgb(236,236,236) 23%, rgb(255,255,255) 62%);
	background-image: -moz-linear-gradient(top, rgb(236,236,236) 23%, rgb(255,255,255) 62%);
	background-image: -webkit-linear-gradient(top, rgb(236,236,236) 23%, rgb(255,255,255) 62%);
	background-image: -ms-linear-gradient(top, rgb(236,236,236) 23%, rgb(255,255,255) 62%);
	background-image: url(images/bg_header.jpg)\9;
	background-repeat: repeat-x\9;*/
	_height:600px;
	display:inline-block;
	width:100%;
}
#topPic{
	overflow:hidden;
	position:relative;
	height:600px;
}
#topPicList{
	width:100%;
	height:318px;
	margin-top:83px;
	overflow:hidden;
	position:relative;
	display:none;
}
#topPicList img{
	width:220px;
	height:318px;
}


#imgLoading{
	position:absolute;
	background:url(images/loading.gif) no-repeat center 220px;
	width:100%;
	height:270px;
	padding-top:260px;
	text-align:center;
}
#topDesc{
	text-align:center;
	height:80px;
	padding-bottom:30px;
}
#topDesc h1{
	
	font-weight:normal;
}
#topBtn{
	text-align:center;
	margin-top:30px;
}
#topBtn span{
	cursor:pointer;
}
#topBtn a{
	width:80px;
	height:70px;
	padding:5px 0 5px 0;
	background:#999;
	background:url(images/bg_ie.png) no-repeat 0 -200px\9;
	border-radius:80px;
	display:inline-block;
	margin:0 auto;
	overflow:hidden;
	-webkit-transition:all  0.3s ease;
    -moz-transition:all  0.3s ease;
    -o-transition:all  0.3s ease;
    transition:all  0.3s ease;
}
#topBtn a:hover{
	background: #4b4b4b;
	background:url(images/bg_ie.png) no-repeat -80px -200px \9;
	padding:10px 0 0 0;
}
.topBtn_top{
	width:24px;
	height:24px;
	margin:15px 28px 0 28px;
	display:inline-block;
	background:#fff;
	background:none \9;
	float:left;
}
.topBtn_bottom{
	width:0;
	height:0;
	display:inline-block;
	overflow:hidden;
	border-width:24px;
	border-color:#fff transparent transparent transparent;
	border-style:solid;
	border:none \9;
	line-height:0;
	float:left;
	margin:0 15px;
}
/*pageBtn*/
.pageBtn{
	width:48px;
	height:98px;
	position:fixed;
	right:20px;
	top:550px;
	opacity:0;
	display:none;
}
.pageBtn span{
	float:left;
	display:inline-block;
	cursor:pointer;
}
a.pagePrevBtn{
	width:48px;
	height:38px;
	padding:5px 0;
	background:#ccc;
	border-radius:5px;
	margin-bottom:2px;
	display:inline-block;
	float:left;
	overflow:hidden;
	-webkit-transition:all  0.3s ease;
    -moz-transition:all  0.3s ease;
    -o-transition:all  0.3s ease;
    transition:all  0.3s ease;
}
a.pagePrevBtn:hover{
	background:#4b4b4b;
	padding: 0 0 10px 0;
}
a.pageNextBtn{
	width:48px;
	height:38px;
	padding:5px 0;
	background:#ccc;
	border-radius:5px;
	display:inline-block;
	float:left;
	overflow:hidden;
	-webkit-transition:all  0.3s ease;
    -moz-transition:all  0.3s ease;
    -o-transition:all  0.3s ease;
    transition:all  0.3s ease;
}
a.pageNextBtn:hover{
	background:#4b4b4b;
	padding:10px 0 0 0;
}
.pagePrevBtn_top{
	border-width:16px;
	border-color:transparent transparent #fff  transparent;
	border-style:solid;
	margin:-13px 8px 0 8px;
}
.pagePrevBtn_bottom{
	width:16px;
	height:16px;
	background:#fff;
	margin:0 16px;
}
.pageNextBtn_top{
	width:16px;
	height:16px;
	background:#fff;
	margin:3px 16px 0 16px;
}
.pageNextBtn_bottom{
	border-width:16px;
	border-color: #fff transparent transparent  transparent;
	border-style:solid;
	margin:0 8px 0 8px;
}
/*page*/
.page{
	border-bottom:1px solid #ccc;
	margin:0 auto;
	padding:30px 0;
	width:1000px;
}
.page ul.pageLeft{
	float:left;
	width:47%;
	display:inline;
}
.page ul.pageRight{
	float:right;
	width:47%;
	display:inline;
}
/*page1*/
.page1{
	background:url(images/bp1.jpg) no-repeat bottom right;
	min-height:320px;
}
.page1 h2{
	padding:20px 0;
	font-weight:normal;
}
.page1 h3{
	padding:30px 0 10px;
	font-weight:normal;
}
.page1 p{
	font-size:20px;
	line-height:30px;
}
.page1 li{
	line-height:30px;
	height:30px;
	font-size:16px;
	background:url(images/bg.png) no-repeat -820px 6px;
	padding-left:17px;
}
/*page2*/
.page2{
	background:url(images/bp2.jpg) no-repeat bottom center;
	padding-bottom:250px;
}
.page2 h2{
	text-align:center;
	padding:20px 0 40px;
}

.page2 li{
	background:url(images/bg.png) no-repeat -820px 6px;
	padding-left:17px;
	margin-bottom:20px;
	float:left;
}
.page2 h4{
	padding:5px 0;
	float:left;
	width:100%;
}
.page2 p{
	color:#999;
	font-size:14px;
	margin-top:3px;
	width:100%;
	line-height:25px;
}
.page2 .bgNone{
	background:none;
}
/*page3*/
.page3{
	background:url(images/bp3.jpg) no-repeat bottom center;
	padding-bottom:384px;
}
.page3 h2{
	text-align:center;
	padding:20px 0 20px;
}
.page3 h3{
	text-align:center;
	padding-bottom:40px;
	
}
.page3 li{
	margin-bottom:20px;
	padding-left:45px;
	min-height:40px;
	color:#999;
}
.page3 .page3-l1{
	background:url(images/bg.png) no-repeat -788px -205px;
}
.page3 .page3-l2{
	background:url(images/bg.png) no-repeat -788px -307px;
}
.page3 .page3-l3{
	background:url(images/bg.png) no-repeat -788px -409px;
}
.page3 .page3-l4{
	background:url(images/bg.png) no-repeat -788px -506px;
}
.page3 .page3-l5{
	background:url(images/bg.png) no-repeat -788px -608px;
}
.page3 .page3-l6{
	background:url(images/bg.png) no-repeat -788px -709px;
}
/*page4*/
.page4{
	padding-bottom:0;
}
.page4 div{
	background:url(images/bp4.jpg) no-repeat left bottom;
	margin-left:100px;
	padding:0 30px 0 450px;
	min-height:540px;
}
.page4 h2{
	padding-top:100px;
	line-height:45px;
}
.page4 h3{
	font-size:22px;
	line-height:35px;
	padding-top:10px;
}
.page4 h4{
	padding-top:50px;
	font-size:20px;
	line-height:30px;
	font-weight:normal;
}
.page4 p{
	padding-top:10px;
	font-size:16px;
	height:100px;
}
.page4 a{
	float:left;
}
.page4 p .spanTest{
	float:left;
	display:inline-block;
	line-height:65px;
	padding-left:30px;
}
.page4 a.bigBtn span{
	background:url(images/bg.png) no-repeat -18px -210px;
	padding-left:55px;
}
/*page5*/
.page5{
	padding-top:50px;
}
.page5 h3{
	padding-bottom:30px;
}

.page5 .pageRight{
	position:relative;
}
.page5 a.bgcBtn{
	position:absolute;
	right:0;
	top:3px;
}
.page5 .blog{
	height:246px;
	overflow:hidden;
	position:relative;
}
.page5 .blog_container{
	position:relative;
}
.page5 .blog ul{
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:15px;
	height:95px;
	color:#999;
	+display:inline-block;
}
.page5 .blog img{
	float:left;
	width:50px;
	height:50px;
	margin-right:15px;
}

.page5 .blog p{
	margin-bottom:3px;
}
.page5 .blog .borderNone{
	border:none;
	margin:0;
	padding:0;
}
/*index end*/
/*fancySelect*/
.selects{
	position:relative;
	z-index:10009;
}
.fancySelect{
	position:relative;
	font-size:16px;
}
.fancySelect div{
	border:1px solid #ccc;
	border-radius:5px;
	color:#4b4b4b;
	cursor:pointer;
	padding:9px 10px ;
	height:22px;
	font-size:16px;
	background-image: linear-gradient(top,#fff,#F2F2F2);
	background-image: -o-linear-gradient(top,#fff,#F2F2F2);
	background-image: -moz-linear-gradient(top,#fff,#F2F2F2);
	background-image: -webkit-linear-gradient(top,#fff,#F2F2F2);
	background-image: -ms-linear-gradient(top,#fff,#F2F2F2);
	margin-bottom:1px;
}
.fancySelect div.hover{
	z-index:11555;
	color:#4b4b4b;
	background-image: linear-gradient(top,#F2F2F2,#fff);
	background-image: -o-linear-gradient(top,#F2F2F2,#fff);
	background-image: -moz-linear-gradient(top,#F2F2F2,#fff);
	background-image: -webkit-linear-gradient(top,#F2F2F2,#fff);
	background-image: -ms-linear-gradient(top,#F2F2F2,#fff);
}
.fancySelect div span{
	display:inline-block;
	width:100%;
	height:100%;
	background:url(images/bg.png) no-repeat right -1094px ;
	
}
.fancySelect div.hover span{
	display:inline-block;
	width:100%;
	height:100%;
	background:url(images/bg.png) no-repeat right -1154px ;
}
.fancySelect ul{
	position:absolute;
	border:1px solid #ccc;
	border-radius:5px;
	margin-top:0px;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:11000;
}
.fancySelect li{
	height:39px;
	border-bottom:1px solid #ccc;
	line-height:39px;
	padding-left:10px;
	background:#fff;
	cursor:default;
}
.fancySelect li:nth-last-child(1){
	border-bottom:none;
}
.fancySelect li.hover,.fancySelect li.selected{
	background:#f2f2f2;
}
.fancySelect li.borderNone{
	border:none;
}
.fancySelect mark{
	font-size:13px;
	padding-left:10px;
	color:#999;
}

/*create*/
.createPage1 h2{
	text-align:center;
	padding:50px 0 20px;
}
.createPage1 h3{
	text-align:center;
	padding:20px 0;
	color:#999;
}
.createPage1 .selects{
	width:740px;
	margin:20px auto;
	position:relative;
}
.createPage1 .selects .fancySelect{
	width:350px;
	margin:0 10px;
	display:inline;
	float:left;
}
.createPage1 .selects .fancySelect ul{
	width:348px;
}
.createPage2{
	margin:50px 0 30px;
	height:530px;
}
.createPage2 #topPic{
	height:530px;
}
#selectTemp{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(images/selectTemp.png) no-repeat 86px 195px;
	display:none;
}
#selectTemp_on{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(images/selectTemp_on.png) no-repeat 86px 195px;
	display:none;
}
.createPage3{
	border-top:1px solid #ccc;
}
.createPage3 h3{
	text-align:center;
	padding:20px 0;
	color:#999;
}
.createPage3 h4{
	padding:20px 0;
}
.createPage3 td{
	padding:5px;
}
.createPage3 .textInput{
	width:300px;
}
.createPage3 textarea{
	width:300px;
}
.createPage3 .classBtn{
	margin:40px 0 20px;
	width:300px;
}
#webapp{
	position:absolute;
	color:#ccc;
	left:20px;
	top:10px;
	cursor:default;
}
/*requestSpan*/
.requestSpan{
	display:none;
	padding:0 10px;
	line-height:20px;
	min-width:50px;
	min-height:20px;
}
.requestSpan.right{
	background:url(images/bg.png) no-repeat 0 -370px;
	padding-left:30px;
	display:inline-block;
}
.requestSpan.error{
	background:url(images/bg.png) no-repeat 0 -510px;
	padding-left:30px;
	display:inline-block;
}

/*createSuccess*/
.createSuccessPage1{
	padding-bottom:50px;
}
.createSuccessPage1 h2{
	text-align:center;
	padding:40px 0 30px;
}
.createSuccessPage1 p{
	text-align:center;
	padding:30px 0;
	font-size:16px;
	line-height:30px;
}

/*login*/
.loginPage1 h2{
	text-align:center;
	padding:50px 0 30px;
}
.loginPanel{
	padding:50px 120px;
	color:#999;
}
.loginPanel .loginPanelLeft{
	float:left;
	width:320px;
	margin-right:60px;
	padding:10px 60px 10px 0px;
	border-right:1px solid #ccc;
}
.loginPanelLeft .textInput,.loginPanelLeft .classBtn{
	width:300px;
}
.loginPanel li{
	padding:10px 0;
}
.loginPanelRight .classBtn{
	width:230px;
	margin:20px 0;
}
.loginPanelRight span{
	display:inline-block;
	padding-left:20px;
	padding-right:10px;
	background:url(images/bg.png) no-repeat;
}
.loginPanelRight .weibo{
	background-position:0 -582px;
}
.loginPanelRight .qq{
	background-position:0 -650px;
}
.loginPanelRight .taobao{
	background-position:0 -715px;
}

/*tips*/
.tipsContent{
	background:#000;
	line-height:20px;
	color:#ccc;
	border-radius:5px;
	padding:10px;
}
.tipsArrow{
	border-width:10px;
	border-color:#000 transparent transparent transparent;
	border-style:solid;
	width:0;
	margin-left:20px;
}
.loginPanelLeft .contact{
	padding-top:20px;
}
.loginPanelLeft  .qq{
	display:inline-block;
	padding-left:20px;
	padding-right:10px;
	background:url(images/bg.png) no-repeat;
	background-position:0 -650px;
}

/*examplesPage1*/
.examplesPage1 h2{
	text-align:center;
	padding:50px 0 30px;
}
#thumb{
	overflow:hidden;
	height:122px;
	width:100%;
}
#thumb ul{
	width:10000;
}
#thumb li{
	float:left;
	width:55px;
	height:80px;
	padding:20px 5px;
	display:inline-block;
}
#examplesPanel{
	margin:20px auto 0 auto;
	width:552px;
	height:530px;
	position:relative;
}
#examplesPanel div,#examplesPanel span{
	float:left;
	display:inline-block;
}
#examplesPanel #prev{
	margin-right:50px;
	display:inline;
	padding-top:195px;
}
#examplesPanel #prev a{
	width:50px;
	height:85px;
	display:inline-block;
	opacity:0;
	filter: alpha(opacity=0);
	background:url(images/bg.png) no-repeat -343px -200px;
}
#examplesPanel #prev a:hover{
	background:url(images/bg.png) no-repeat -445px -200px;
}
#examplesPanel #next{
	margin-left:50px;
	display:inline;
	padding-top:195px;
	float:right;
}
#examplesPanel #next a{
	width:50px;
	height:85px;
	display:inline-block;
	opacity:0;
	filter: alpha(opacity=0);
	background:url(images/bg.png) no-repeat -394px -200px;
}
#examplesPanel #next a:hover{
	background:url(images/bg.png) no-repeat -496px -200px;
}
#examplesPanel #examples{
	height:318px;
	width:220px;
	overflow:hidden;
	position:relative;
	margin-left:66px;
	margin-top:83px;
	display:inline-block;
}
#examplesPanel #examples img{
	position:absolute;
	width:220px;
	height:318px;
	top:0;
	left:0;
	z-index:10;
}
#examplesPanel  #examples #descBg{
	position:absolute;
	background:#000;
	width:100%;
	height:100px;
	top:-100px;
	left:0;
	z-index:11;
	opacity:0;
	
}
#examplesPanel  #examples #descPanel{
	color:#fff;
	position:absolute;
	top:-100px;
	left:0;
	z-index:12;
	padding:10px;
	opacity:0;
	filter: alpha(opacity=0);
}

#examplesPanel #examples #loading{
	width:100%;
	height:100%;
	background:url(images/loading.gif) no-repeat center;
}
#thumb img{
	width:100%;
	height:100%;
	border:1px solid #fff;
}
#thumb img.select{
	border:1px solid #000;
}
/*price*/
.pricePage1 {
	text-align:center;
	position:relative;
}
.pricePage1 h2{
	padding:20px 0 30px;
}
.pricePage1 h3{
	padding-bottom:30px;
}
.pricePage1 section{
	padding-bottom:40px;
}
.priceTable td{
	border:1px solid #ccc;
	padding:10px 0;
	height:30px;
	line-height:30px;
	text-align:center;
}
.priceTable{
	border-collapse:collapse;
}
.priceTable div{
	background:url(images/bg.png) no-repeat -634px -233px;
	width:30px;
	height:30px;
	margin:0 auto;
}
.priceTable.fixed{
	position:fixed;
}
.priceTable thead{
	font-size:16px;
	font-weight:bold;
	background:#fff;
}
.priceTable .tableTitle{
	background:#f7f7f7;
	font-weight:bold;
}
.priceTable .over{
	background:#ECF5FF;
}
.pricePage1 .notice{
	padding:40px 0 20px;
}
.pricePage1 .notice li{
	line-height:30px;
	height:30px;
	background:url(images/bg.png) no-repeat -820px 6px;
	padding-left:17px;
	text-align:left;
}
/*customization*/
.customizationPage1 h2{
	text-align:center;
	padding:20px 0 30px;
}
.customizationPage1 ul{
	width:100%;
	padding:30px 0;
}
.customizationPage1 li{
	background:url(images/bg_custom.jpg) no-repeat;
}
.customizationPage1 .custom2{
	background-position:0 -300px;
}
.customizationPage1 .custom3{
	background-position:0 -600px;
}
.customizationPage1 .custom4{
	background-position:0 -900px;
}
.customizationPage1 .left{
	width:320px;
	padding-left:155px;
	float:left;
}
.customizationPage1 .right{
	width:320px;
	padding-left:155px;
	float:right;
}
.customizationPage1 h3{
	padding-bottom:15px;
}
.customizationPage1 p{
	color:#999;
}
.customizationPage2{
	padding-bottom:20px;
}
.customizationPage2 h2{
	padding:20px 0 10px;
	text-align:center;
}
.customizationPage2 ul{
	width:100%;
	padding-top:40px;
}
.customizationPage2 section{
	width:300px;
	padding-bottom:40px;
	float:left;
	border-bottom:1px solid #ccc;
}
.customizationPage2 section.center{
	margin:0 50px;
	display:inline;
}
.customizationPage2 h3{
	padding-bottom:15px;
	padding-left:20px;
	background:url(images/bg.png) no-repeat -820px 6px;
}
.customizationPage2 p{
	color:#999;
}
.customizationPage2 .noBorder section{
	border:none;
}
.customizationPage3{
	padding-bottom:50px;
}
.customizationPage3 h3{
	padding:20px 0 30px;
}
.customizationPage3 .left{
	width:520px;
	display:inline;
	float:left;
}
.customizationPage3 .left ul{
	padding-bottom:40px;
	display:inline-block;
}
.customizationPage3 .left li{
	width:150px;
	height:100px;
	float:left;
}
.customizationPage3 .left li.center{
	margin:0 25px;
	display:inline;
}
.customizationPage3 .right{
	width:430px;
	float:right;
	background:none;
}
/*help*/

.helpPage1{
	width:1000px;
	margin:40px auto 0;
	overflow:hidden;
 	}
.helpPage1 .location{
	height:20px;
	padding-bottom:30px;
}
.helpPage1 .location span{
	padding:0 10px;
	color:#999;
}
.helpPage1 .left{
	padding:20px;
	padding-bottom:20000px;
	margin-bottom:-20000px;
	float:left;
	width:220px;
	background:#f7f7f7;
 	}
.helpPage1 .right{
	padding-bottom:20000px;
	margin-bottom:-20000px;
	width:700px;
	float:right;
	background:none;
 	}
.helpPage1 .left ul{
	padding-bottom:15px;
}
.helpPage1 .left h4{
	padding-bottom:5px;
}
.helpPage1 .left li{
	line-height:30px;
	height:30px;
	padding-left:20px;
}
.helpPage1 .left a.current{
	color: #09F;
	text-decoration:underline;
}
.helpPage1 .left a.current:hover{
	color: #06C;
	text-decoration:underline;
}

.helpPage1 .right h3{
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #e6e6e6;
}
.helpPage1 .right article{
	line-height:200%;
}
.helpPage1 .right article ul li{
	list-style:inside disc;
}
.helpPage1 .right article ol li{
	list-style:inside decimal ;
}
.helpPage1 .right article a{
	color: #09F;
	text-decoration:underline;
}
.helpPage1 .right article a:hover{
	color: #06C;
	text-decoration:underline;
}
/*blog*/
.helpPage1 .blog section{
	margin-bottom:50px;
}

.helpPage1 .blog article{
	padding-bottom:30px;
}
.helpPage1 .blog a.read{
	margin-bottom:30px;
	display:inline-block;
	color:#09F;
	text-decoration:underline;
}
.helpPage1 .blog a.read:hover{
	color:#06C;
}
.helpPage1 .blog a.tag{
	color:#09F;
	padding:2px 5px;
	text-decoration:underline;
}
.helpPage1 .blog a.tag:hover{
	color:#06C;
}
.helpPage1 .blog_bottom{
	border:1px dashed #ccc;
	padding:5px;
}
.helpPage1 .blog .setPage{
	text-align:right;
}
.helpPage1 .blog .setPage a{
	display:inline-block;
	padding:3px 10px;
	background:#e6e6e6;
	border-radius:5px;
	margin:5px;
}
.helpPage1 .blog .setPage a:hover{
	background:#09f;
	color:#fff;
	text-decoration:none;
}
.helpPage1 .blog .setPage a.current{
	background:#09f;
	color:#fff;
}
/*blog end*/
/*user*/
.userCenter{
	background:#f1f1f1;
}
.welcome{
	margin:30px auto;
	width:1000px;
}
.userPage{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
	border-radius:5px;
}
.userPage .left{
	width:250px;
	background:#4b4b4b;
	float:left;
	padding-bottom:20000px;
	margin-bottom:-20000px;
	min-height:300px;
}
.userPage .right{
	width:750px;
	background:#fff;
	float:left;
	padding:0;
	padding-bottom:20000px;
	margin-bottom:-20000px;
}
.userPage .left ul{
	padding:30px 0 30px 30px;
	width:220px;
	min-height:400px;
}
.userPage .left li{
	height:20px;
	padding:10px;
	margin-right:30px;
	width:170px;
	border-bottom:1px solid #666;
}
.userPage .left a{
	color:#ccc;
	display:inline-block;
	width:100%;
	height:100%;
}
.userPage .left a:hover{
	color:#fff;
	text-decoration:none;
}
.userPage .left li.current{
	height:20px;
	padding:10px;
	margin-right:0;
	width:200px;
	background:#fff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.userPage .left li.current a{
	color:#666;
}
.userPage .left li.current a:hover{
	color:#333;
	text-decoration:none;
}
.userPage .rightMain{
	padding:50px;
	position:relative;
}
.userPage .rightMain h3{
	padding-bottom:30px;
	height:42px;
	line-height:42px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:30px;
}
.userPage .rightMain  #backBtn{
	width:80px;
	position:absolute;
	right:50px;
	top:50px;
}
.userPage .rightMain .userNotice{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:20px;
	margin:10px 0 30px;
	+display:inline-block;
}
.userPage .rightMain .userNotice li{
	padding:5px 0;
}
.userPage .rightMain .userMessage {
	padding-top:10px;
}
.userPage .rightMain .userMessage section{
	padding:10px 0 20px;
	margin:0 0 10px;
	border-bottom:1px solid #e6e6e6;
	+display:inline-block;
}
.userPage .rightMain .userMessage section h5{
	font-size:16px;
	font-weight:bold;
}
.userPage .rightMain .userMessage section .time{
	font-size:12px;
	padding-bottom:5px;
	display:inline-block;
}
.userPage .rightMain td{
	padding:10px;
}
.userPage .rightMain .textInput,.userPage .rightMain .classBtn{
	width:300px;
}
.userPage .rightMain #success{
	padding:50px;
	text-align:center;
	display:none;
}
.userPage #hangyeSelect{
	width:322px;
	position:relative;
}
.userPage #hangyeSelect ul{
	width:320px;
}
.diqu{
	z-index:11552;
	position:relative;
}
.diqu .fancySelect{
	float:left;
	width:155px;
	position:relative;
}
.diqu  .fancySelect ul{
	width:153px;
}
.moneyTitle{
	padding-bottom:20px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:30px;
}
.moneyLeft{
	float:left;
}
.moneyLeft p{
	font-size:16px;
	padding-bottom:10px;
}
.moneyRight{
	float:right;
}
.userPage .rightMain .moneyRight a.classBtn{
	width:100px;
}
.userBar{
	padding-bottom:20px;
}
.userBar a{
	margin-right:10px;
	padding:5px 20px;
	display:inline-block;
}
.userBar a:hover{
	text-decoration:none;
	background:#ccc;
	border-radius:5px;
	color:#fff;
}
.userBar a.selected{
	background:#999;
	border-radius:5px;
	color:#fff;
}
.userBar a.selected:hover{
	background:#999;
}
.moneyTable td{
	border-bottom:1px dotted #ccc;
	padding:20px 10px;
}

.moneyTable thead td{
	font-weight:bold;
	border-bottom:1px solid #e6e6e6;
}
.appList{
	border-bottom:1px solid #e6e6e6;
	padding-bottom:30px;
	margin-top:30px;
	margin-bottom:50px;
}
.appList .appLeft{
	float:left;
	width:252px;
	background-size:220px 318px;
}
.appList .appRight{
	float:right;
	width:300px;
	margin-right:20px;
	display:inline;
}
.appList .appRight h4,.appList .appRight p{
	padding-bottom:5px;
	font-weight:normal;
}
.appRight ul{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
}
.appRight img{
	float:left;
	margin-right:10px;
	display:inherit;
}
.userPage .rightMain .appBtn a.classBtn{
	width:70px;
}
.userPage .appBtn{
	position:relative;
}
.userPage .appBtn .fancySelect{
	width:100px;
	position:absolute;
	right:0;
	top:0;
}
.userPage .appBtn .fancySelect ul{
	padding:0;
}
#user-app-no{
	padding-top:30px;
	text-align:center;
	display:none;
}
.payMain{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	line-height:25px;
	display:inline-block;
	width:100%;
}
.payMain ul{
	padding-left:30px;
	padding-top:10px;
	display:inline-block;
}
.payMain .alipay{
	background:url('images/alipay.gif') no-repeat 15px center ;
	width:150px;
	padding-top:8px;
	height:28px;
}
.bank li{
	width:150px;
	padding-top:8px;
	height:28px;
	background:url(images/bank.png) no-repeat;
	float:left;
	margin-top:5px;
	display:inline-block;
}
.bankList li{
	padding:10px 0;
	line-height:25px;
}
.bankList h5{
	font-size:14px;
	padding-bottom:5px;
	font-weight:bold;
}

.weiboIco,.qqIco{
	display:inline-block;
	padding-left:20px;
	background:url(images/bg.png) no-repeat;
}
.weiboIco{
	background-position:0 -582px;
}
.qqIco{
	background-position:0 -650px;
}

/*intro*/
#intro{
	height:100%;
	width:100%;
	position:absolute;
	background:#000;
	top:0;
	left:0;
}
#introContainer{
	height:600px;
	width:1000px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-300px;
	overflow:hidden;
	opacity:0;
}
#introContainer ul{
	height:600px;
	position:relative;
	top:0;
	left:0;
}
#intro li{
	width:1000px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}	
#intro li div{
	width:320px;
	height:320px;
	position:absolute;
	z-index:12;
	left:50%;
	top:50%;
	margin-top:-160px;
	margin-left:-160px;	
	cursor:pointer;
	background:url('images/introBegin.png') no-repeat;
}
#intro li div:hover{
	background-position:bottom;
	
}
#introContainer a{
	position:absolute;
	top:50%;
	width:45px;
	height:70px;
	margin-top:-35px;
	background:url('images/introBtn.png') no-repeat;
	z-index:11;
}
#introContainer #introPrev{
	left:20px;
	background-position:0 0;
}
#introContainer #introPrev:hover{
	background-position:0 bottom;
}
#introContainer #introNext{
	right:20px;
	background-position:right 0;
}
#introContainer #introNext:hover{
	right:20px;
	background-position:right bottom;
}
/*intro end*/
#myQrcode{
	background:#ececec;
	text-align:center;
	height:120px;
	position:relative;
}
#myQrcode span{
	height:60px;
	background:url(images/qrcode.jpg) no-repeat 0 10px;
	padding:25px 0 35px 120px;
	font-size:25px;
	line-height:35px;
	display:inline-block;
	text-align:left;
}
#myQrcode a{
	position:absolute;
	bottom:10px;
}
.ourServer ul{
	margin-top:20px;
}
.ourServer li{
	width:20%;
	float:left;
	height:30px;
}


#FAQ h3 {
    border-bottom: 1px dashed #CCCCCC;
    cursor: pointer;
}

.BigContent h3 {
    color: #666;
    font: 700 14px/1.6em "微软雅黑","黑体";
    padding: 8px 0;
	margin-top:10px;
}

.BigContent { width:1000px; margin:20px auto; overflow:hidden; border-bottom:#ddd solid 1px; padding-bottom:20px;}

#FAQ .san {
    background-color: #EEEEEE;
    padding-left: 2em;
	padding-top:10px;
	padding-bottom:10px;
    text-indent: 0;
	line-height:30px;
	margin-top:10px;
}

#FAQ div {
    display: none;
}